/*body, section, input, select, button, label, span, table, .wgt > div
{
    font: 14px/1.5 tahoma,​arial,helvetica,sans-seri;
}

h1
{
    font-size: 20px;
}

h2
{
    font-size: 18px;
}

h3
{
    font-size: 16px;
}*/
#site-logo {
    width: 100%;
}

    #site-logo > img {
        /*width: 16.5em;
        height: 5.3em;*/
        width: 8.3em;
        height: 2.9em;
        margin: 0.9em auto;
        display: block;
    }

.banner {
    text-align: center;
}

    .banner h1 {
        font-size: 2.8em;
        margin-bottom: 0.4em;
        font-family: 'Open Sans',arial;
        font-weight: 300;
        margin-top: 0;
    }

    .banner h2 {
        font-family: 'Open Sans',arial;
        font-size: 1.2em;
        font-weight: 400;
        margin-bottom: 1em;
    }


.signCard {
    width: 19.5em;
    padding: 2.8em;
    margin: 0 auto 1.5em;
    border-radius: 2px 2px 2px 2px;
    /* CSS for all browsers. */
    background: rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
}

    .signCard span {
        text-indent: 0em;
    }

    .signCard > img {
        display: block;
        margin: 0.7em auto 0.7em;
        border-radius: 50% 50% 50% 50%;
        width: 6.5em;
        height: 6.5em;
    }

.profile-name {
    margin: 0.7em 0 0 0;
}


a, a:hover, a:visited {
    cursor: pointer;
    text-decoration: none;
}


.signCard input[type="text"], .signCard input[type="submit"], .signCard input[type="password"] {
    margin-bottom: 0.7em;
    width: 100%;
    font-size: 1.2em;
    height: 2.6em;
    padding: 0 0.5em;
}

.signCard #sign-username, .signCard #sign-passwd {
    margin-top: 0px;
    margin-bottom: 0.7em;
}

.signCard #sign-sub {
    font-size: 1em;
    border-radius: 3px 3px 3px 3px;
    font-weight: 700;
    height: 2.6em;
    line-height: 2.6em;
}

form label {
    font-size: 1.2em;
    font-weight: 500;
}

.signCard > form > a {
    float: right;
    height: 2em;
    line-height: 2em;
}

.one-samples > p {
    font-size: 1em;
    margin: 0 0 0.7em;
    text-align: center;
}

#regSpan {
    text-align: right;
}

    #regSpan a {
        font-size: 1em;
    }

    #regSpan > a:first-child {
        margin-right: 0.5em;
    }

.one-samples > .createAccount {
    text-align: left;
}

.one-samples > .accountDescrib {
    margin-top: 2em;
}

.one-samples > img {
    display: block;
    height: 1.2em;
    margin: 0.7em auto 7.2em;
    width: 15em;
}

.Samples-footer-bar {
    clear: both;
    bottom: 0;
    height: 2.5em;
}

.signfooter {
    font-size: 0.85em;
    height: 2.3em;
    line-height: 2.3em;
    padding: 0.5em 3.6em 0;
    white-space: nowrap;
}

    .signfooter ul {
        float: left;
        max-width: 80%;
        padding: 0;
    }

        .signfooter ul li {
            display: inline;
            padding: 0 1.5em 0 0;
        }


.lang-chooser-wrap {
    float: right;
}

.cloudfooter, .project-footer {
    bottom: 0;
    height: 2.5em;
    line-height: 2.5em;
    position: absolute;
    overflow: hidden;
    z-index: 1;
}

    .cloudfooter ul, .cloudfooter ul li, .project-footer ul, .project-footer li {
        display: inline-block;
        padding: 0 1.5em 0 0;
        font-size: 0.8em;
        line-height: 2.2em;
    }

.footer-middle {
    padding-top: 0.5em;
    padding-left: 3.2em;
    line-height: 0px;
}


.reg_header {
    padding: 0 3.2em;
    margin: 0 auto;
    height: 5.1em;
    overflow: hidden;
}

    .reg_header img {
        float: left;
        width: 8.3em;
        height: 2.9em;
        margin: 1.2em 0 0;
    }


    .reg_header span {
        float: right;
        margin: 1.8em 0 0;
    }

        .reg_header span > a {
            text-decoration: none;
            padding: 0 0.5em;
            text-align: center;
            border-radius: 2px;
            cursor: default;
            display: inline-block;
            height: 2em;
            font-size: 0.92em;
            font-weight: normal;
            min-width: 3.5em;
            line-height: 2em;
        }

#headImage {
    width: 8.3em;
    height: 2.9em;
}

.reg_main, .activate_main, .link_main {
    clear: both;
    margin: 0 auto;
}

    .reg_main h1, activate_main h1, .link_main h1 {
        font-family: 'Open Sans',arial;
        font-size: 2.8em;
        font-weight: 300;
        margin-bottom: 0.7em;
        margin-top: 0.7em;
        text-align: center;
    }

    .reg_main h2, activate_main h2 {
        font-family: 'Open Sans',arial;
        font-size: 1.5em;
        font-weight: 300;
        margin-bottom: 0.75em;
        text-align: center;
        line-height: 1.2em;
    }

    .reg_main p, activate_main p {
        font-family: 'Open Sans',arial;
        margin-bottom: 2.9em;
        text-align: center;
        line-height: 1.2em;
    }

    .reg_main img {
        display: block;
        margin: 0 auto 5.7em;
    }

    .reg_main #accountImg, activate_main #accountImg {
        height: 1.7em;
        width: 22.2em;
    }

    .reg_main #profileImg, activate_main #profileImg {
        height: 8.8em;
        width: 21.4em;
    }

    .reg_main #deviceImg, activate_main #deviceImg {
        height: 12.2em;
        width: 21.4em;
    }



.reg_form {
    border: 0 none;
    margin: 0 auto;
    padding: 1.7em;
    width: 25em;
}

    .reg_form label {
        -moz-user-select: none;
        display: inline-block;
        margin-bottom: 0.1em;
        width: 100%;
        font-weight: bold;
        font-size: 0.9em;
    }

    .reg_form span {
        text-indent: 0em;
    }

    .reg_form input {
        height: 2em;
        width: 100%;
        padding: 0 0.5em;
    }

.reg_field {
    margin: 0 0 2em;
    width: 100%;
}

.reg_finish {
    clear: both;
}

    .reg_finish span {
        clear: both;
        float: right;
    }

        .reg_finish span > button {
            padding: 0 0.5em;
            border-radius: 2px;
            display: inline-block;
            height: 2em;
            font-size: 0.9em;
            font-weight: normal;
            min-width: 3.6em;
        }

html, body {
    height: 100%;
}

.wb {
    position: relative;
    min-height: 100%;
    padding-bottom: 2.5em;
}

.signCard .wgt-l4 .w4 {
    height: 2.6em;
    line-height: 2.6em;
}


/* 控制台  */
.console-header {
    height: 4.6em;
    margin-top: 0px;
}

.console-header-wrap {
    height: 3em;
    line-height: 3em;
    padding: 0.8em 3em 0.8em 2em;
}

    .console-header-wrap > h1 {
        display: inline-block;
        float: left;
    }

    .console-header-wrap img {
        width: 8.2em;
        height: 3em;
    }

    .console-header-wrap > aside {
        display: inline-block;
        float: right;
        text-decoration: none;
    }


    .console-header-wrap label {
        margin-top: 0.7em;
    }

.project-leftmenu, .Detail-leftmenu {
    padding: 0 3em 0 2em;
    margin-top: 1em;
}

    .project-leftmenu ul li, .Detail-leftmenu ul li {
        border-radius: 0.2em;
        line-height: 2em;
        list-style-type: none;
        margin-bottom: 0.1em;
        transition: background-color 50ms linear 0s;
        padding-left: 1em;
        width: 100%;
    }

    .project-leftmenu a, .Detail-leftmenu a {
        cursor: pointer;
    }

.leftmenuSelected {
    font-weight: bold;
}

.project-list {
    margin-top: 1em;
}

    .project-list > div, .oauth_describe > div, .publickey_describe > div {
        margin-bottom: 0.5em;
        padding-bottom: 1.1em;
    }

        .project-list > div > a, .oauth_describe > div > a, .publickey_describe > div > a {
            box-shadow: none;
            text-transform: uppercase;
            border-radius: 2px;
            cursor: default;
            font-weight: bold;
            height: 2em;
            line-height: 2em;
            margin-right: 1em;
            min-width: 3.8em;
            outline: 0 none;
            padding: 0 0.5em;
            text-align: center;
            white-space: nowrap;
            display: block;
            width: 7em;
        }



    .project-list table {
        margin-bottom: 1em;
        width: 100%;
    }

.many-users {
    margin-top: 0.5em;
}
/*创建项目*/
.project-create {
    padding: 2em 3em;
}

.project-create-titile {
    cursor: default;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 0 1.2em;
}

.project-create-content {
    min-height: 2em;
    clear: both;
    padding-left: 2em;
}

form .project-create-content div {
    margin-top: 1em;
}

form .project-create-content label {
    font-size: 0.9em;
}

form .project-create-content span {
    text-indent: 0.2em;
}

.project-create-buttons {
    padding-top: 1em;
    padding: 2em 0 1em 8em;
}

    .project-create-buttons input {
        cursor: default;
        font-weight: bold;
        height: 2em;
        line-height: 2em;
        margin: 0 1.2em 0 0;
        min-width: 5.2em;
        outline: 0;
        padding: 0 0.5em;
        border-radius: 2px;
    }

.project-footer {
    right: 0;
    position: fixed;
}

.project-list table th, .project-list table td {
    padding: 0.5em 0.3em;
}

.project-list table > thead > tr > th {
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: bottom;
    padding: 0.6em 0.2em;
    text-align: left;
}

.project-list table > tbody > tr > td {
    text-align: left;
}

/*****************detail*********************************/
.return_a {
    display: block;
    margin: 1em 1em 0 2em;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 29px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.return_span {
    display: inline-block;
    height: 0.8em;
    margin-right: 0.5em;
    width: 0.5em;
    margin-top: 0.7em;
}

li.tree > ul {
    margin-left: 0.3em;
}

.detail-list {
    height: 100%;
    overflow-y: scroll;
}

#apiTable {
    margin-top: 1em;
}

    #apiTable th, #apiTable td {
        text-align: left;
        padding: 10px 4px;
    }


    #apiTable .detail_name, #apiTable .detail_status {
        display: inline-block;
        font-weight: bold;
        text-indent: 0;
    }

    #apiTable .detail_status {
        float: right;
        padding-right: 19em;
    }

    #apiTable .detail_name {
        float: left;
    }

    #apiTable .detail_productname {
        display: inline-block;
        float: left;
        text-indent: 0;
    }

        #apiTable .detail_productname a {
            text-decoration: none;
        }

    #apiTable .detail_submit {
        display: inline-block;
        float: right;
        padding-right: 18em;
        margin-top: 0;
    }

    #apiTable .open_submit, #apiTable .close_submit {
        text-align: center;
        white-space: nowrap;
        font-size: 0.9em;
        line-height: 2em;
        height: 2em;
        min-width: 4.5em;
        border-radius: 2px;
        cursor: default;
        font-weight: bold;
    }

    #apiTable .close_submit {
        color: #444444;
        background-color: #F5F5F5;
        background-image: -moz-linear-gradient(center top, #F5F5F5, #F1F1F1);
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

div.selected {
    display: none;
}

.oauth_describe h3, .publickey_describe h3 {
    font-size: 1.1em;
    margin: 1em 1em 0 0em;
}

#credentialList, #publicKeyList {
    margin-top: 1em;
    margin-left: 5em;
}

    #credentialList > .wgt > .header, #publicKeyList > .wgt > .header {
        font-weight: bold;
        margin-bottom: 0.5em;
    }

    #credentialList > .wgt > .footer, #publicKeyList > .wgt > .footer {
        height: 2em;
    }

    #credentialList > .wgt > .leftDesc, #publicKeyList > .wgt > .leftDesc {
        font-weight: normal;
        min-width: 13em;
        padding: 1px 0 0;
        width: 13em;
        line-height: 2em;
    }

    #credentialList > .wgt > .rightContent, #publicKeyList > .wgt > .rightContent {
        font-weight: normal;
        line-height: 2em;
    }

        #credentialList > .wgt > .rightContent > a, #publicKeyList > .wgt > .rightContent > a {
            margin-left: 2em;
            border: 1px solid gray;
            width: 4em;
            display: inline-block;
            color: #000000;
            line-height: 1.5em;
            text-align: center;
        }

    #credentialList > .wgt > .handle, #publicKeyList > .wgt > .handle {
        margin-bottom: 2em;
    }

        #credentialList > .wgt > .handle a, #publicKeyList > .wgt > .handle a {
            border: 1px solid gray;
            width: 4em;
            display: inline-block;
            color: #000000;
            text-align: center;
        }

.clientId-Dialog {
    padding: 1em;
}

    .clientId-Dialog h3 {
        font-weight: bold;
        margin-top: 0.5em;
    }

.clientID-Title {
    cursor: default;
    font-weight: normal;
    line-height: 2em;
    margin: 0 0 0.5em;
}

    .clientID-Title span {
        text-indent: 0;
        font-size: 1.2em;
    }

.modal-dialog-buttons intput, .modal-dialog-buttons a {
    border-radius: 2px;
    cursor: default;
    font-size: 11px;
    font-weight: bold;
    height: 29px;
    line-height: 27px;
    margin: 0 16px 0 0;
    min-width: 72px;
    outline: 0 none;
    padding: 0 8px;
}

#credentialSubmit {
    /*background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top, #4D90FE, #4787ED);
    border: 1px solid #3079ED;
    color: #FFFFFF;*/
}

#credentialCancel {
}

#AuthorizedUrl > h3 {
    margin-bottom: 0em;
}

#AuthorizedUrl > div {
    margin-top: 0em;
}

#oauthList > div {
    line-height: 2em;
}

.serverapp-des > div:first-child, .serverapp-address > div {
    font-weight: bold;
}

.serverapp-address > span {
    text-indent: 0;
}

.serverapp-ip {
    margin-top: 0;
}

.clientID-footer {
    margin-top: 2em;
}

    .clientID-footer > span {
        margin-left: 3em;
    }

    .clientID-footer span > a {
        padding: 0.2em 0.5em;
        border-radius: 2px;
    }


/* 个人注册页面 */
.person_signUp, .organization_signUp, .account_activate {
    margin: 0 auto;
    width: 54em;
}

.person_edit, .organization_edit {
    margin: 0 auto;
    width: 50em;
}

    .organization_signUp .positon_organization, .organization_edit .positon_organization, .person_signUp .positon_person, .person_edit .positon_person {
        padding-left: 7em;
        padding-bottom: 2em;
    }


.account_activate .position_account {
    margin-top: 5em;
    padding-left: 7em;
    padding-bottom: 2em;
}

.person_signUp img, .organization_signUp img, .person_edit img, .organization_edit img {
    width: 6.5em;
    height: 6.5em;
    margin-top: 0.5em;
    border-radius: 50%;
}

.person_signUp .person_img, .organization_signUp .organization_img,
.person_edit .person_img, .organization_edit .organization_img {
    margin-top: 2em;
}

.person_signUp_header, .organization_signUp_header, .person_Extensional_signUp_header, .person_edit_header, .organization_edit_header {
    position: relative;
}

    .person_signUp_header a, .organization_signUp_header a, .person_Extensional_signUp_header a, .person_edit_header a, .organization_edit_header a {
        display: block;
        height: 4.8em;
        text-indent: -9999em;
    }

    .organization_signUp_header a {
        width: 27em;
    }

    .person_signUp_header a {
        width: 27em;
    }


    .person_Extensional_signUp_header a {
        width: 54em;
    }

    .person_signUp_header .arrow, .organization_signUp_header .arrow, .person_Extensional_signUp_header .arrow {
        display: block;
        height: 0.9em;
        position: absolute;
        top: 4.7em;
        width: 25px;
        left: 47%;
    }

.person_signUp_form, .organization_signUp_form, .account_activate_form,
.person_edit_form, .organization_edit_form, .person_link_form {
    padding: 2em 0 14em 0;
    padding-bottom: 2em;
    /*height: 15em;*/
}

.paddingLeft-w1 {
    padding-left: 1em;
}

.paddingLeft-w2 {
    padding-left: 2em;
}

.paddingLeft-w3 {
    padding-left: 3em;
}

.person_signUp_form > form label, .person_signUp_form > label span, .person_signUp_form > form select, .person_signUp_form > form input,
.organization_signUp_form > form label, .organization_signUp_form > label span, .organization_signUp_form > form select, .organization_signUp_form > form input,
.person_edit_form > form label, .person_edit_form > label span, .person_edit_form > form select, .person_edit_form > form input,
.organization_edit_form > form label, .organization_edit_form > label span, .organization_edit_form > form select, .organization_edit_form > form input {
    height: 2.6em;
    line-height: 2.6em;
    margin-bottom: 0.5em;
    font-size: 1.2em;
}

    .person_signUp_form > form input[type="text"], .organization_signUp_form > form input[type="text"],
    .person_signUp_form > form input[type="password"], .organization_signUp_form > form input[type="password"] {
        padding: 0 0.5em;
        width: 50%;
    }

    .person_edit_form > form input[type="text"], .organization_edit_form > form input[type="text"],
    .person_edit_form > form input[type="password"], .organization_edit_form > form input[type="password"] {
        padding: 0 0.5em;
        width: 55%;
    }

.person_signUp_form .person_reg, .organization_signUp_form .person_reg,
.person_edit_form .person_reg, .organization_edit_form .person_reg {
    height: 2.6em;
    line-height: 2.6em;
    padding: 0 1.5em;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    overflow: visible;
    text-decoration: none;
    border-radius: 2px;
    margin-left: 0em;
    margin-top: 1em;
    font-size: 1.3em;
}

img#logo {
    display: inline-block;
    margin-right: 0.5em;
    margin-top: 0.2em;
    width: 16px;
}

#socialLoginList > p {
    margin-top: 0.5em;
}

.setting-form form textarea {
    padding-left: 0.5em;
    width: 60em;
}

.setting-form form input[type="text"] {
    font-size: 1.2em;
    height: 2.6em;
    line-height: 2.6em;
    margin-bottom: 1em;
    padding-left: 0.5em;
    width: 50%;
}

.setting-form {
    margin-top: 1.5em;
    width: 50%;
}

#htmlEditorForm span {
    text-indent: 0;
}

#htmlEditorForm > div {
    width: 60em;
}

#htmlEditorForm .cke_reset_all, #htmlEditorForm .cke_reset_all * {
    vertical-align: top;
    white-space: normal;
}

.hint-position {
    margin-top: -6px;
    padding-right: 1em;
}

.validation-tip {
    text-indent: 0;
    vertical-align: bottom;
}

.validation-span {
    text-indent: 0;
}

/* 忘记密码 */
#forgetPassword {
    margin-left: 40em;
    padding-top: 2em;
}

#forget-box {
    margin-left: 1.5em;
    margin-top: 0.5em;
}

    #forget-box div.describe {
        margin-top: 0.3em;
        margin-bottom: 0.3em;
        font-size: 12px;
        line-height: 18px;
    }

    #forget-box input[type='text'] {
        width: 17em;
        height: 2em;
        padding-left: 0.5em;
        border-width: 0.1em;
        border-style: solid;
        border-radius: 1px;
        margin-bottom: 1em;
    }

    #forget-box input[type='email'] {
        width: 17em;
        height: 2em;
        padding-left: 0.5em;
        border-width: 0.1em;
        border-style: solid;
        border-radius: 1px;
        margin-bottom: 1em;
    }

.radio-label {
    line-height: 2em;
    margin-left: 0.5em;
}


.forget-create-buttons {
    padding-top: 0.5em;
}

    .forget-create-buttons input {
        cursor: default;
        font-weight: bold;
        height: 2em;
        line-height: 2em;
        margin: 0 1.2em 0 0;
        min-width: 5.2em;
        outline: 0;
        padding: 0 0.5em;
        border-radius: 2px;
    }

.modifypwBox {
    margin: 0 auto;
}

.modifypwTitle {
    margin-left: 10em;
}

    .modifypwTitle h1 {
        margin: 1em 0;
    }

.modifypwContent {
    margin: 0 10em;
}

    .modifypwContent .describe {
        margin-right: 4em;
    }

        .modifypwContent .describe div {
            line-height: 1.5em;
            margin-bottom: 1em;
            font-size: 0.9em;
        }

    .modifypwContent .formInput > div {
        padding: 2em;
    }



    .modifypwContent .formInput {
        padding: 2em;
        width: 20em;
    }

        .modifypwContent .formInput label {
            -moz-user-select: none;
            display: inline-block;
            margin-bottom: 0.1em;
            width: 100%;
            font-weight: bold;
            font-size: 0.9em;
        }

        .modifypwContent .formInput span {
            text-indent: 0em;
        }

        .modifypwContent .formInput input {
            height: 2em;
            width: 100%;
            padding: 0 0.5em;
        }

        .modifypwContent .formInput .reg_field {
            margin: 0 0 2em;
            width: 100%;
        }

        .modifypwContent .formInput .reg_finish span {
            clear: both;
            float: left;
        }

#editSucess {
    margin: 2em auto;
}

    #editSucess > div {
        font-size: 1.5em;
    }

.sendmailbox, .confirmbox {
    margin: 2em auto;
}

    .sendmailbox > div:first-child {
        font-size: 1.2em;
        margin-bottom: 1em;
    }

    .sendmailbox > div:last-child {
        font-size: 0.9em;
        margin-bottom: 1em;
    }

    .confirmbox .reg_field {
        line-height: 2em;
        margin: 0 0 2em;
        width: 100%;
    }

    .confirmbox .formInput {
        padding: 2em;
        width: 20em;
    }

.person_signUp .person_signUp_form .linkEditPassword, .organization_signUp .organization_signUp_form .linkEditPassword,
.person_edit .person_edit_form .linkEditPassword, .organization_edit .organization_edit_form .linkEditPassword {
    height: 2.6em;
    line-height: 2.6em;
    display: inline-block;
    width: 3em;
    font-size:1.2em;
    /*margin-left: 3em;*/
}

.account_activate img {
    width: 3.5em;
    margin-top: 1em;
    border-radius: 50%;
    margin-left: 3em;
}

.paddingLeft-w9 {
}

.outBox {
    line-height: 2em;
    margin: 2em auto 0;
    padding: 2em;
}

.inBox {
    margin-bottom: 1em;
}

.bottomBox, .oauthRequest {
    text-align: center;
}

    .bottomBox > input[type='submit'] {
        border-radius: 2px;
        display: inline-block;
        font-size: 0.9em;
        font-weight: normal;
        height: 2em;
        min-width: 3.6em;
        padding: 0 0.5em;
        margin: 0 2em;
    }

#personHead {
    border-radius: 50%;
    height: 6.5em;
    width: 6.5em;
}

#oauthPicture {
    height: 6.5em;
    width: 6.5em;
}


.person_signUp_form img, .person_edit_form img {
    width: 2em;
    height: 2em;
    display: inline-block;
    overflow: hidden;
    margin: 0.5em auto auto;
}


.organization_signUp_form img {
    width: 2em;
    height: 2em;
    display: inline-block;
    overflow: hidden;
    margin: 0.5em auto auto;
}

.person_edit_form span, .organization_edit_form span {
    text-indent: 0;
}


.activateMessage > a {
    margin-left: 1em;
}


.activateMessage > span {
    font-size: 16px;
    font-weight: bold;
    text-indent: 0;
}

img#linkLogo {
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin-right: 0.5em;
    margin-top: 0.2em;
    width: 16px;
}

.ExtensionalLinkAccount {
    margin-top: 1.5em;
}

    .ExtensionalLinkAccount > span {
        font-size: 1.2em;
    }

    .ExtensionalLinkAccount > fieldset {
        display: inline-block;
    }

.td-name {
    min-width: 9em;
    max-width: 12em;
}

.td-title {
    max-width: 6em;
    min-width: 4em;
}

#AuthOutBox {
    margin: 5em auto 0;
    padding: 2em;
}

    #AuthOutBox .line {
        font-size: 1.2em;
        line-height: 2em;
    }

        #AuthOutBox .line img {
            vertical-align: middle;
        }

    #AuthOutBox .line-special {
        margin-left: 2em;
    }

#picToken {
    text-align: center;
}

    #picToken img {
        margin: 0 auto;
    }


@media screen and (max-width: 420px) {
    html, body {
        font-size: 10px;
        height:auto;
    }

    head {
        margin-top: 1em;
    }

    .banner h1 {
        font-family: 'Open Sans',arial;
        font-size: 1.5em;
        font-weight: 300;
        margin-bottom: 1em;
        margin-top: 1em;
    }

    .banner h2 {
        display: none;
    }

    #regSpan, #socialLoginList img {
        font-size: 10px;
    }

    .signCard {
        margin-bottom: 0em;
    }

    .cloudfooter {
        display: none;
    }

    .wb {
        padding-bottom: 0em;
        height: auto;
    }

    .productService {
        display: none;
    }

    .wb {
        padding-bottom: 0em;
    }
}


.configTable {
    margin-top: 2em;
    margin-left: 2em;
}

    .configTable th {
        background: none repeat scroll 0 0 #fff;
        font-size: 0.9em;
        font-weight: bold;
        padding: 0.6em 0.2em;
    }

    .configTable tbody td {
        border-bottom: 1px solid #ebebeb;
        padding: 0.5em 0.3em;
        text-align: center;
    }

.link-position {
    padding-bottom: 1.5em;
    padding-left: 4em;
    padding-right: 4em;
}

    .link-position > img {
        border-radius: 10px;
        border-style: outset;
        border-width: 2px;
        border-color: #c7c5c5;
        width: 5em;
    }

    .link-position > span {
        margin-left: 1em;
        max-width: 35em;
        padding-bottom: 2em;
        vertical-align: bottom;
        word-break: break-all;
    }

        .link-position > span > a {
            /*height: 5em;
        line-height: 5em;*/
            /*margin-left: 1em;*/
            white-space: nowrap;
        }

#decribebkcolor {
    background-color: #ebebeb;
    height: 8em;
}

.space {
    margin-top: 2em;
    margin-left: 2em;
}

.configTable tbody td {
    text-align: center;
}

.space input[type="submit"] {
    background-color: red;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 2em;
    width: 4em;
}

.spaceform {
    margin-left: 10em;
}

    .spaceform .namediv {
        margin-top: 0em;
    }

#decribebkcolor > span {
    width: 6em;
    margin: 0 auto;
    margin-top: 2em;
    margin-left: 6em;
    line-height: 2em;
}

.wgt-l-signUp{
    padding-left: 6.4em;
    position: relative;
}